﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "/www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="/www.w3.org/1999/xhtml">
<head>
    <title>jQuery图片轮播插件imageflow - 站长素材</title>
    <link type="text/css" rel="Stylesheet" href="css/imageflow.css" />
    <script type="text/javascript" src="js/jquery.js"></script>
    <script type="text/javascript" src="js/imageflow.js"></script>
</head>
<body>
    <h3>
        3D旋转图片轮播效果（支持滚轮）</h3>
    <div style="width: 500px; margin-left: auto; margin-right: auto;">
        <div id="LoopDiv">
            <input id="S_Num" type="hidden" value="8" />
            <div id="starsIF" class="imageflow">
                <img src="images/1.png" longdesc="#" alt="Picture" />
                <img src="images/2.png" longdesc="#" alt="Picture" />
                <img src="images/1.png" longdesc="#" alt="Picture" />
                <img src="images/3.png" longdesc="#" alt="Picture" />
                <img src="images/4.png" longdesc="#" alt="Picture" />
                <img src="images/5.png" longdesc="#" alt="Picture" />
                <img src="images/6.png" longdesc="#" alt="Picture" />
                <img src="images/1.png" longdesc="#" alt="Picture" />
                <img src="images/2.png" longdesc="#" alt="Picture" />
                <img src="images/3.png" longdesc="#" alt="Picture" />
                <img src="images/4.png" longdesc="#" alt="Picture" />
                <img src="images/5.png" longdesc="#" alt="Picture" />
            </div>
        </div>
    </div>
    <div class="clear">
    </div>
    <div style="text-align: center; margin: 50px 0; font: normal 14px/24px 'MicroSoft YaHei';">
        <p>
            适用浏览器：360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗. 不支持IE8及以下浏览器。</p>
        <p>
            来源：<a href="http://sc.chinaz.com/" target="_blank">站长素材</a></p>
    </div>
</body>
</html>
